<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets">
	<script>
	//<![CDATA[
		$("document").ready(function(){
			$(".nav li span").click(function(){
				$('ul.nav-sub').removeClass('block').addClass('none');
				$(this).parent().find('ul.nav-sub').addClass('block').removeClass('none');
			});
			$("body").click(function(e){
				if(e.target.className != "open-click" && e.target.className != "sub-click"){
					$('.nav-sub').removeClass('block');
					$('.nav-sub').addClass('none');
				}
			});
		});
		// ]]>
	</script>
	<h:form id="top">
		<f:event listener="#{login.onloadTop}" type="preRenderView"></f:event>
		<div id="header">
			<div id="menu-out">
				<div id="menu-inner">
					<a id="logo" class="fleft">Brand</a>
					<ul class="nav fleft">
						<li class="open"><span class="open-click">Modules<b class="arrdown"></b></span>
							<ul class="nav-sub l none left">
								<li class="close"><a class="sub-click">Quản lý nhân sự</a></li>
								<li class="close"><a class="sub-click">Quản lý kế toán</a></li>
							</ul>
						</li>
					</ul>
					<span class="loading hide">loading</span>
					<ul class="nav fright">
						<li class="open"><span class="open-click">Hệ thống</span>
						</li>
						<li class="open"><span class="open-click">Hỗ trợ<b class="arrdown"></b></span>
							<ul class="nav-sub r none right">
								<li class="close"><a class="sub-click">Tài liệu</a></li>
								<li class="close"><a class="sub-click">Thông tin</a></li>
							</ul>
						</li>
						<li class="open"><span class="open-click">#{login.account.username}<b class="arrdown"></b></span>
							<ul class="nav-sub r none right">
								<li class="close"><h:commandLink styleClass="sub-click" action="#{login.logout}">Thoát</h:commandLink></li>
							</ul>
						</li>
					</ul>
				</div>
			</div>
		</div>
	</h:form>
</ui:composition>